<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>05_文本属性-文本换行</title>

        <style>
            div {
                width: 300px;
                height: 300px;
                border: 1px solid red;
                /* 默认情况下是换行 */
                /* white-space: normal; */

                /* 超出边界不换行 */
                /* white-space: nowrap; */

                /* 默认情况下的换行 是根据空格来换行的  当遇到了一个单词非常非常长的时候就不可以换行 */
                /* 允许在单词内换行。 */
                word-break: break-all;
            }
        </style>
    </head>
    <body>
        <div>
            Lorem ipsum dolor sit amet consecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsecteturconsectetur adipisicing elit. Maxime deserunt culpa non deleniti voluptates, veritatis similique voluptatum et inventore iure facilis excepturi ipsa ducimus sunt maiores amet voluptatem! Recusandae, qui!
        </div>
    </body>
</html>